<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电邮提示</title>
    <link rel="stylesheet" href="../header/header.css">
    <link rel="stylesheet" href="../bottom/bottom.css">
    <style type="text/css">
        @import url(../header.css);
        @import url(./second-head.css);
        @import url(../bottom.css);

        .positionFont {
            position: absolute;
            width: 100%;
            height: 50px;
            /* background-color: aqua; */
            top: 150px;
            line-height: 50px;
        }

        .positionFont span {
            margin-left: 7%;
        }

        .positionFont a:hover {
            color: blue;
        }
    </style>
    <style>
        a {
            text-decoration: none;
        }

        .tzzgx-wb {
            position: relative;
            width: 100%;
            height: 61px;
            /* background-color: pink; */
            font-size: 14px;
            line-height: 60px;
            color: #666;
        }

        .tzzgx-wb .tzzgx-tb {
            position: absolute;
            width: 1200px;
            height: 61px;
            /* background-color: #000000; */
            left: 170px;

        }

        .tzzgx-wb .tzzgx-tb i {
            color: #333;
            font-family: "微软雅黑", Arial, sans-serif;
            font-size: 14px;
        }

        .tzzgx-banner {
            width: 100%;
            height: auto;
        }

        .tzzgx-banner img {
            width: 100%;
            height: 100%;
        }

        .tzzgx-bd {
            width: 100%;
            height: 1300px;
            position: relative;
            background-color: #fcfcfc;
            background: url(../img/投资者关系/about_bg.jpg);
        }

        .tzzgx-bd img {
            width: 247px;
            height: 373px;
            position: absolute;
            left: 0;
            top: 24%;
            width: 16.3%;
        }

        .tzzgx-bd .top {
            width: 100%;
            height: 200px;
        }

        .tzzgx-bd .top-t {
            width: 500px;
            height: 165px;
            /* background-color: pink; */
            margin: 0 auto;
            margin-top: 60px;
        }

        .top-zi {
            height: 36px;
            font-size: 36px;
            line-height: 36px;
            color: #181818;
            text-align: center;
        }

        .top-xzi {
            height: 16px;
            font-size: 16px;
            line-height: 16px;
            color: #666;
            margin-top: 18px;
            text-align: center;
        }

        .tzzgx-bd .top-t img {
            width: 68px;
            height: auto;
            position: absolute;
            left: 50%;
            margin-left: -228px;
            top: -20px;
        }

        .box {
            width: 100%;
            height: 1000px;
        }

        .box-top {
            width: 842px;
            height: 506px;
            margin: 50px auto;
            border: 1px solid #ececec;
            border-radius: 60px;
        }

        .box-top-con {
            width: 640px;
            height: 384px;
            /* background-color: paleturquoise; */
            margin: 0 auto;
        }

        .t1 {
            width: 640px;
            height: 50px;
            /* background-color: pink; */
            margin-top: 50px;
            border: 1px solid #ececec;

        }

        .t1 span {
            line-height: 50px;
            font-size: 16px;
            color: #777;
            margin-left: 20px;
        }

        .box-bot-nei {
            margin-left: 90px;
        }

        .t1 i {
            color: red;
            margin-left: 10px;
        }

        .t1 .text {
            height: 25px;
            width: 500px;
            border: none;
            outline: none;
        }

        .t2 {
            width: 640px;
            height: 126px;
            padding-top: 27px;
        }

        .t2-top {
            height: 20px;
        }

        .t2-top span {
            font-size: 16px;
            color: #777;
        }

        .t2-top span i {
            color: red;
            margin-left: 10px;
        }

        .t2-z {
            height: 30px;
            color: #666;
            font-size: 16px;
            line-height: 30px;
        }

        .checkbox {
            margin-left: 40px;
            margin-right: 10px;
            margin-top: 20px;
            border: 1px solid blue;
        }

        .t3 {
            position: relative;
            width: 340px;
            height: 50px;
            /* background-color: pink; */
            margin-top: 50px;
            left: -146px;
            border: 1px solid #ececec;
        }

        .t3 span {
            position: absolute;
            top: -20px;
            font-size: 16px;
            color: #777;
            line-height: 50px;

        }

        .t3 i {
            color: red;
            margin-left: 10px;
        }

        .t3 .text {
            height: 25px;
            width: 100px;
            border: none;

            outline: none;
        }

        .submit {
            width: 180px;
            height: 50px;
            background: none;
            border: none;
            border-radius: 25px;
            background-color: #008cd6;
            background-image: url(../img/投资者关系/ww.png);
            background-size: auto 100%;
            background-position: center;
            text-align: center;
            font-size: 16px;
            color: #fff;
            background-repeat: no-repeat;
            margin-top: 52px;
        }

        .box-top-con .t3 span img {
            position: relative;
            width: 100px;
            height: 50px;
            top: 20px;
            left: 40px;
            /* margin-left: 683px; */
        }

        .box-bot {
            top: 40px;
            width: 842px;
            height: 352px;
            margin: auto;
            border: 1px solid #ececec;
            border-radius: 60px;
        }

        .box-bot-nei .ip {
            position: relative;
            width: 100px;
            height: 50px;
            top: 20px;
            left: 41px;
            /* margin-top: 722px; */
            /* margin-left: 669px; */
        }
    </style>
</head>

<body>
    <div>
        <script src="./header.js"></script>
    </div>
    <div class="positionFont">
        <span><a href="#">首页</a> > <a href="./企业资讯.html">投资者关系</a> > 财务报告</span>
    </div>

    <!-- 图片部分start -->
    <img style="width: 100%;" src="../img/investorRelationship/1.jpg" />
    <!-- 图片部分end -->
    <!-- 导航栏部分start -->
    <div class="second-head">
        <div class="second-head-div">
            <div>
                <a href="./企业资讯.html">企业咨讯</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./企业管制.html">企业管制</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./证券变动月报表.html">证券变动月报表</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./通告、公布及公函.html">通报、公布及公函</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./财务概要.html">财务概要</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./财务报告.html" style="color: blue;">财务报告</a>
                <div class="border-div" style="width: 100%;"></div>
            </div>
            <div>
                <a href="./电邮提示.html">电邮提示</a>
                <div class="border-div"></div>
            </div>
            <div>
                <a href="./联络资料.html">联络资料</a>
                <div class="border-div"></div>
            </div>
        </div>
    </div>

    <!-- 导航栏部分end -->
    <!-- 主体部分制作start -->
    <div class="tzzgx-bd">
        <div class="img">
            <img src="../img/investorRelationship/join_img.png" alt="">
        </div>
        <div class="top">
            <div class="top-t">
                <div class="top-zi">订阅我们的最新资讯</div>
                <div class="top-xzi">公司旺旺&nbsp; 大家旺旺</div>
                <img src="../img/investorRelationship/message_icon.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="box-top">
                <div class="box-top-nei">
                    <div class="box-top-con">
                        <div class="t1">
                            <span>
                                <i>*</i>
                                邮件地址：
                            </span>
                            <input type="text" class="text">
                        </div>
                        <div class="t2">
                            <div class="t2-top">
                                <span>
                                    <i>*</i>
                                    类别：我希望订阅最新资讯为：(您需要从下面列表中选定最少一个项目)
                                </span>
                                <div class="t2-z"><input type="checkbox" class="checkbox">证券变动月报表</div>
                                <div class="t2-z"><input type="checkbox" class="checkbox">通告、公布及通函</div>
                                <div class="t2-z"><input type="checkbox" class="checkbox">财务报告</div>
                            </div>
                        </div>
                        <div class="t3">
                            <span>
                                <i>*</i>
                                验证码：
                                <input type="text" class="text">
                                <img src="../img/investorRelationship/yzm1.png" alt="">
                            </span>
                        </div>
                        <input type="button" class="submit" value="立即订阅">
                    </div>
                </div>
            </div>
            <div class="box-bot">
                <div class="box-bot-nei">
                    <div class="t1">
                        <span>
                            <i>*</i>
                            邮件地址：
                        </span>
                        <input type="text" class="text">
                    </div>
                    <div class="t3">
                        <span>
                            <i>*</i>
                            验证码：
                            <input type="text" class="text">
                            <img src="../img/investorRelationship/yzm1.png" alt="" class="ip">
                        </span>
                    </div>
                    <input type="button" class="submit" value="立即订阅">
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../bottom.js"></script>

</html>